<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>警告框与信息输出</title>
</head>

<body>
    <button onclick="action()">提示信息</button>

    <script>
        function action() {
            // prompt警告框：第二个字符串为输入框默认信息
            var hometown = "";
            var confirms = false;
            while (confirms == false) {
                hometown = prompt("你的家乡在哪里", "珠海");
                if (hometown == null) {
                    continue;
                }
                confirms = confirm("确认家乡位置：" + hometown);
            }
            alert("我的家乡在：" + hometown);

            // 转义字符输出
            alert("祝愿大家：\n学习进步！\n更上一层楼");
        }

        // JavaScript脚本输出
        document.write("<h1>网页主要由三部分组成</h1>" +
            "<ul>" +
            "<li>结构</li>" +
            "<li>表现</li>" +
            "<li>行为</li>" +
            "</ul>");

        // 后台调试输出
        console.log("log");
        console.info("info");
        console.warn("warn");
        console.error("error");
    </script>
</body>

</html>